/**
 * AJAX Search Script for Personnel Certification
 * Displays certification fields in table format
 */
(function($) {
    'use strict';
    
    $(document).ready(function() {
        
        // Handle search form submission
        $('#pc-search-form').on('submit', function(e) {
            e.preventDefault();
            
            var searchQuery = $('#pc-search-input').val().trim();
            
            if (searchQuery === '') {
                alert('Please enter a search term');
                return;
            }
            
            // Show preloader
            $('#pc-preloader').fadeIn();
            $('#pc-results-container').hide();
            $('#pc-no-results').hide();
            
            // AJAX request
            $.ajax({
                url: pcAjax.ajax_url,
                type: 'POST',
                data: {
                    action: 'pc_search_certification',
                    nonce: pcAjax.nonce,
                    search_query: searchQuery
                },
                success: function(response) {
                    // Hide preloader
                    $('#pc-preloader').fadeOut();
                    
                    if (response.success) {
                        displayResults(response.data.results, response.data.count);
                    } else {
                        showNoResults(response.data.message);
                    }
                },
                error: function() {
                    $('#pc-preloader').fadeOut();
                    alert('An error occurred. Please try again.');
                }
            });
        });
        
        /**
         * Display search results in comprehensive table format
         */
        function displayResults(results, count) {
            // Build results counter
            var counterHtml = '<div class="pc-results-info">';
            counterHtml += '<div class="pc-results-count">';
            counterHtml += '<strong>' + count + '</strong> ';
            counterHtml += count === 1 ? 'certification found' : 'certifications found';
            counterHtml += '</div>';
            counterHtml += '</div>';
            
            // Build table with horizontal scroll wrapper
            var tableHtml = '<div class="pc-table-scroll">';
            tableHtml += '<div class="pc-table-wrapper">';
            tableHtml += '<table class="pc-results-table pc-full-table">';
            
            // Table header - 7 FIELDS (as specified in requirements)
            tableHtml += '<thead>';
            tableHtml += '<tr>';
            tableHtml += '<th>Client ID</th>';
            tableHtml += '<th width="20%">Name</th>';
            tableHtml += '<th width="35%">Certification Scope</th>';
            tableHtml += '<th>Certification No</th>';
            tableHtml += '<th>Original Date</th>';
            tableHtml += '<th>Decision Date</th>';
            tableHtml += '<th>Expiry Date</th>';
            tableHtml += '</tr>';
            tableHtml += '</thead>';
            
            // Table body
            tableHtml += '<tbody>';
            
            $.each(results, function(index, item) {
                tableHtml += '<tr class="pc-table-row">';
                
                // Client ID
                tableHtml += '<td data-label="Client ID">';
                tableHtml += '<strong class="pc-client-id pc-search-result-font">' + escapeHtml(item.client_id) + '</strong>';
                tableHtml += '</td>';
                
                // Name
                tableHtml += '<td data-label="Name">';
                tableHtml += '<div class="pc-name pc-search-result-font">' + escapeHtml(item.name) + '</div>';
                tableHtml += '</td>';
                
                // Certification Scheme
                tableHtml += '<td data-label="Certification Scheme">';
                if (item.certification_scheme) {
                    tableHtml += '<span class="pc-scheme pc-search-result-font">' + escapeHtml(item.certification_scheme) + '</span>';
                } else {
                    tableHtml += '—';
                }
                tableHtml += '</td>';
                
                // Certification No
                tableHtml += '<td data-label="Certification No">';
                tableHtml += '<span class="pc-code pc-search-result-font">' + escapeHtml(item.certification_no) + '</span>';
                tableHtml += '</td>';
                
                // Original Date
                tableHtml += '<td data-label="Original Date">';
                tableHtml += '<span class="pc-date pc-search-result-font">' + (item.original_date ? escapeHtml(item.original_date) : '—') + '</span>';
                tableHtml += '</td>';
                
                // Decision Date
                tableHtml += '<td data-label="Decision Date">';
                tableHtml += '<span class="pc-date pc-search-result-font">' + (item.decision_date ? escapeHtml(item.decision_date) : '—') + '</span>';
                tableHtml += '</td>';
                
                // Expiry Date
                /*tableHtml += '<td data-label="Expiry Date">';
                if (item.expiry_date) {
                    tableHtml += '<span class="pc-expire-date pc-expire-active">';
                    tableHtml += escapeHtml(item.expiry_date);
                    tableHtml += '</span>';
                } else {
                    tableHtml += '—';
                }
                tableHtml += '</td>';*/

                tableHtml += '<td data-label="Expiry Date">';
                tableHtml += '<span class="pc-expire-date pc-search-result-font">' + (item.expiry_date ? escapeHtml(item.expiry_date) : '—') + '</span>';
                tableHtml += '</td>';
                
                tableHtml += '</tr>';
            });
            
            tableHtml += '</tbody>';
            tableHtml += '</table>';
            tableHtml += '</div>'; // close pc-table-wrapper
            tableHtml += '</div>'; // close pc-table-scroll
            
            // Combine counter and table
            var fullHtml = counterHtml + tableHtml;
            
            // Display results
            $('#pc-results-container').html(fullHtml).fadeIn();
            $('#pc-no-results').hide();
        }
        
        /**
         * Show no results message
         */
        function showNoResults(message) {
            $('#pc-results-container').hide();
            
            var html = '<div class="pc-no-results-icon">🔍</div>';
            html += '<h3>No certifications found</h3>';
            html += '<p>' + (message || 'Try a different search term') + '</p>';
            
            $('#pc-no-results').html(html).fadeIn();
        }
        
        /**
         * Escape HTML to prevent XSS
         */
        function escapeHtml(text) {
            if (!text) return '';
            var map = {
                '&': '&amp;',
                '<': '&lt;',
                '>': '&gt;',
                '"': '&quot;',
                "'": '&#039;'
            };
            return String(text).replace(/[&<>"']/g, function(m) { return map[m]; });
        }
        
        /**
         * Clear search results
         */
        $('#pc-clear-search').on('click', function(e) {
            e.preventDefault();
            $('#pc-search-input').val('');
            $('#pc-results-container').empty().hide();
            $('#pc-no-results').hide();
        });
        
    });
    
})(jQuery);